<!--
    就像在 HTML 中一样，你可以向组件添加一个 <style> 标签。接下来就让我们为 <p> 元素添加一些样式吧：
    重要的是，这些 CSS 样式规则 的作用域被限定在当前组件中。您不会意外地更改应用程序中其他地方的 <p> 元素的样式，这在下一章节中也将看到。
-->
<script>
    const src = 'https://www.baidu.com/img/flexible/logo/pc/result.png'
    const alt = 'baidu'
</script>
<img {src} {alt} />
<p class="paragraph">123
    <span>456</span>
</p>
<style>
    img{
        width: 20px;
    }
    .paragraph{
        font-size: 12px;
        line-height: 20px;
    }
</style>
